function randomElement(arr) {
    return arr[Math.floor(Math.random() * arr.length)];
}

function SorryEmoticon({ className, style }) {
    let emoticons = [
        '(˚Δ˚)',
    ];
    return (
        <span className={className} style={style} >{ randomElement(emoticons) }</span>
    );
}

function Sorry({ text }) {
    return (
        <div style={{
            fontFamily: 'sans-serif',
            textAlign: 'center',
            marginTop: '2rem',
        }}>
            <div><SorryEmoticon className="text-muted fw-bold" style={{ fontSize: '6rem' }} /></div>
            <div className="fs-3">{text}</div>
        </div>
    );
}

export default Sorry;